<template>
  <div class="about-container flex flex-col justify-center items-center py-4">
    <img src="@/assets/icon.png" alt="logo" width="120" height="120" class="rounded-full shadow hover:shadow-xl" />
    <div class="mt-4 text-2xl">RedisFish</div>
    <div class="mt-2 text-gray-400">v {{ version }}</div>
    <div class="mt-6"><el-link @click="jump">Github.com/Kuari/RedisFish</el-link></div>
  </div>
</template>

<script setup lang="ts">
import { shell } from 'electron'
import { version } from '../../../package.json'

const jump = () => {
  shell.openExternal('https://github.com/Kuari/RedisFish')
}
</script>
